import React from 'react';
import PropTypes from 'prop-types';
import DefaultNavBar from '@welab/fx-ui/components/NavBar';
// import fn from '@welab/fx-ui/components/PlateformHalf';
import SystemIcon from './SystemIcon';
import { navBar } from '../theme';


const NavBar = props => (<DefaultNavBar {...props} iconComponent={SystemIcon} />);
NavBar.defaultProps = {
  label: null,
  icon: '',
  theme: navBar.normalNav,
};
NavBar.propTypes = {
  /**
   * ### NavBar 属性说明
   *
   * 导航组件UI
   *
   * | Name | Type | Default | Details | isRequired |
   * | ------:| -----------:| -----------: | -----------: | ------:|
   * | theme | object | | 主题 | yes|
   * | label | string | | 导航文字 |no|
   * | icon | string | | backNor或者backWhite |no|
   *
   * ### NavBar 代码示例(详见示例项目)
   *
   * ```html
   * <NavBar theme={NavBar} />
   * ```
   */
  label: PropTypes.string,
  theme: PropTypes.instanceOf(Object),
  icon: PropTypes.string,
};

export default NavBar;
